<!DOCTYPE html>
<html lang="zxx">

<head>
    <title>
        {php}echo config('lang.company_title');{/php} -
        {php}echo config('lang.projects');{/php}
    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <meta name="keywords" content="" />
    <script>
        addEventListener("load", function() {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
    <link rel="stylesheet" href="css/lightcase.css">
    <link href="css/style.css" rel='stylesheet' type='text/css' />
    <link href="css/fontawesome-all.css" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i" rel="stylesheet">
</head>

<body>
    <div class="main-sec" id="home">
        {include file="header" /}
        <!--//header-->
    </div>
    <!-- banner-text -->
    <!-- banner-inner -->
    <div class="banner-inner">
        <ol class="breadcrumb justify-content-center">
            <li class="breadcrumb-item">
                <a href="/">
                    {php}echo config('lang.home'){/php}
                </a>
            </li>
            <li class="breadcrumb-item active">
                {php}echo config('lang.projects'){/php}
            </li>
        </ol>
    </div>
    <!--// banner-inner -->
    <!--/wthree-banner-bottom-->
    <section class="wthree-banner-bottom py-lg-5 py-3 text-center">
        <div class="container py-lg-4 py-3">
            <h3 class="tittle text-center mb-lg-5 mb-3">
                <span>
                    {php}echo config('lang.our_design');{/php}
                </span>
                {php}echo config('lang.projects');{/php}
            </h3>
            <div class="gallery-lightbox mt-5">
                <div class="row">
                    <div class="col-md-6 project-img">
                        <a href="images/p1.jpg" id="example2" class="showcase img-fluid" data-rel="lightcase:myCollection:slideshow" title="Cayton Heath">
							<img src="images/p1.jpg" class="img-fluid" alt="">
						</a>
                    </div>
                    <div class="col-md-6 project-img">
                        <a href="images/p2.jpg" id="example3" class="showcase img-fluid" data-rel="lightcase:myCollection:slideshow" title="Scott Webb">
							<img src="images/p2.jpg" class="img-fluid" alt="">
						</a>
                    </div>
                </div>
                <div class="row my-4">
                    <div class="col-md-4 project-img">
                        <a href="images/g7.jpg" id="example2" class="showcase img-fluid" data-rel="lightcase:myCollection:slideshow" title="Cayton Heath">
							<img src="images/g7.jpg" class="img-fluid" alt="">
						</a>
                    </div>
                    <div class="col-md-4 project-img">
                        <a href="images/g2.jpg" id="example3" class="showcase img-fluid" data-rel="lightcase:myCollection:slideshow" title="Scott Webb">
							<img src="images/g2.jpg" class="img-fluid" alt="">
						</a>
                    </div>
                    <div class="col-md-4 project-img">
                        <a href="images/g4.jpg" id="example3" class="showcase img-fluid" data-rel="lightcase:myCollection:slideshow" title="Scott Webb">
							<img src="images/g4.jpg" class="img-fluid" alt="">
						</a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 project-img">
                        <a href="images/p3.jpg" id="example4" class="showcase img-fluid" data-rel="lightcase:myCollection:slideshow" title="Roberto Nickson">
							<img src="images/p3.jpg" class="img-fluid" alt="">
						</a>
                    </div>
                    <div class="col-md-6 project-img">
                        <a href="images/p4.jpg" id="example2" class="showcase img-fluid" data-rel="lightcase:myCollection:slideshow" title="Cayton Heath">
							<img src="images/p4.jpg" class="img-fluid" alt="">
						</a>

                    </div>


                </div>
            </div>
        </div>
    </section>
    <!--footer -->
    {include file="footer" /}
    <!-- //Custom-JavaScript-File-Links -->
    <!-- js -->
    <script src="js/jquery-2.2.3.min.js"></script>
    <!--slider-->
    <!-- dropdown nav -->
    <script>
        $(document).ready(function() {
            $(".dropdown").hover(
                function() {
                    $('.dropdown-menu', this).stop(true, true).slideDown("fast");
                    $(this).toggleClass('open');
                },
                function() {
                    $('.dropdown-menu', this).stop(true, true).slideUp("fast");
                    $(this).toggleClass('open');
                }
            );
        });
    </script>
    <!-- //dropdown nav -->
    <script src="js/lightcase.js"></script>
    <script src="js/jquery.events.touch.js"></script>

    <script>
        $('.showcase').lightcase();
    </script>
    <!-- //js -->
    <script src="js/bootstrap.js"></script>
    <!--/ start-smoth-scrolling -->
    <script src="js/move-top.js"></script>
    <script src="js/easing.js"></script>
    <script>
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event) {
                event.preventDefault();
                $('html,body').animate({
                    scrollTop: $(this.hash).offset().top
                }, 900);
            });
        });
    </script>
    <script>
        $(document).ready(function() {
            /*
            						var defaults = {
            							  containerID: 'toTop', // fading element id
            							containerHoverID: 'toTopHover', // fading element hover id
            							scrollSpeed: 1200,
            							easingType: 'linear' 
            						 };
            						*/

            $().UItoTop({
                easingType: 'easeOutQuart'
            });

        });
    </script>
    <!--// end-smoth-scrolling -->
</body>

</html>